<template>
	<div class="permission-fail-index-wrap">
		<img class="icon" src="~@/assets/common/empty-img.png" alt="">
		<div class="text">{{message}}</div>
	</div>
</template>

<script>
export default {
	computed: {
		message ({$route}){
			return $route.query.message ? decodeURIComponent($route.query.message) : '无权访问系统';
		}
	}
}
</script>

<style lang="scss">
.permission-fail-index-wrap {
	text-align: center;
	padding-top: 40%;
	& > .icon{
		width: 320px;
		height: 230px;
	}
	& > .text{
		margin-top: 45px;
		color: #4E4C4C;
		font-size: 22px;
		font-weight: bold;
		line-height: 1.2;
	}
}
</style>
